<!DOCTYPE html>
<html style="font-size: inherit">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
    <meta name="screen-orientation" content="portrait"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <title>(◍•͈⌔•͈◍)</title>
    <script>
      window.onfocus = function () {
        document.title = '恢复正常了,嘻嘻~';
        setTimeout(()=>{
          document.title = '(◍•͈⌔•͈◍)'
        },2000)
      };
      window.onblur = function () {
        document.title = '快回来~页面崩溃了';
      };
    </script> 
  </head>
  <body>
    <noscript>
      <strong>We're sorry but qw doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
    <script>
      /* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
      /* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
      function placeholderPic(){
        let w = document.documentElement.offsetWidth;
        document.documentElement.style.fontSize=w / 16 + 'px';
      }
      placeholderPic();
      window.onresize=function(){
        placeholderPic();
      }
    </script>

  </body>
</html>
